@font-face {
  font-family: 'fanscard';
  src: url('//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf');
}
.reply-box[data-v-572457cb] {
  display: flex;
  flex-direction: column;
}
.reply-box .box-normal[data-v-572457cb] {
  display: flex;
  height: 50px;
  transition: 0.2s;
}
.reply-box .box-normal .reply-box-avatar[data-v-572457cb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 50px;
}
.reply-box .box-normal .reply-box-warp[data-v-572457cb] {
  position: relative;
  flex: 1;
}
.reply-box .box-normal .reply-box-warp .reply-input[data-v-572457cb] {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  border: 1px solid var(--Ga1);
  border-radius: 6px;
  background-color: var(--bg3);
  font-family: inherit;
  line-height: 38px;
  color: var(--text1);
  resize: none;
  outline: none;
  overflow-y: scroll;
  overflow-x: hidden;
}
.reply-box .box-normal .reply-box-warp .reply-input.focus[data-v-572457cb],
.reply-box .box-normal .reply-box-warp .reply-input[data-v-572457cb]:hover {
  background-color: var(--bg1);
  border-color: var(--graph_weak);
}
.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-572457cb] {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  border: 1px solid var(--Ga1);
  border-radius: 6px;
  background-color: var(--bg3);
  font-family: inherit;
  line-height: 38px;
  color: var(--text1);
  resize: none;
  outline: none;
}
.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-572457cb]::placeholder {
  color: var(--text3);
}
.reply-box .box-normal .reply-box-warp .reply-box-textarea.focus[data-v-572457cb],
.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-572457cb]:hover {
  background-color: var(--bg1);
  border-color: var(--graph_weak);
}
.reply-box .box-normal .reply-box-send[data-v-572457cb] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-basis: 70px;
  margin-left: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.reply-box .box-normal .reply-box-send .send-text[data-v-572457cb] {
  position: absolute;
  z-index: 1;
  font-size: 16px;
  color: var(--text_white);
}
.reply-box .box-normal .reply-box-send[data-v-572457cb]::after {
  content: '';
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: var(--brand_blue);
}
.reply-box .box-normal .reply-box-send[data-v-572457cb]:hover::after {
  opacity: 1;
}
.reply-box .box-expand[data-v-572457cb] {
  display: flex;
  align-items: center;
  margin-left: 80px;
  margin-top: 5px;
}
.reply-box .box-expand .reply-box-emoji[data-v-572457cb] {
  width: 32px;
  height: 26px;
  margin-right: 6px;
  position: relative;
}
.reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-572457cb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--Ga1);
  border-radius: 4px;
  color: var(--text3);
  cursor: pointer;
}
.reply-box .box-expand .at-btn[data-v-572457cb] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 32px;
  height: 26px;
  border: 1px solid var(--Ga1);
  border-radius: 4px;
  color: var(--text3);
  cursor: pointer;
}
.reply-box .box-expand .forward-to-dynamic[data-v-572457cb] {
  display: flex;
  align-items: center;
  margin-left: 16px;
  font-size: 12px;
  color: var(--text3);
}
.reply-box .box-expand .forward-to-dynamic .forward-input[data-v-572457cb],
.reply-box .box-expand .forward-to-dynamic .forward-label[data-v-572457cb] {
  cursor: pointer;
}
.reply-box.box-active .box-normal[data-v-572457cb] {
  height: 65px;
}
.reply-box.box-active .box-normal .reply-box-warp .reply-box-textarea.send-active[data-v-572457cb] {
  line-height: normal;
}
.reply-box.box-active .box-normal .reply-box-send.send-active[data-v-572457cb]::after {
  opacity: 1;
}
.reply-box.disabled .box-normal .reply-box-warp .disable-mask[data-v-572457cb] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  font-size: 12px;
  color: var(--text3);
  background-color: var(--bg3);
}
.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask[data-v-572457cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-572457cb] {
  padding: 4px 9px;
  margin: 0 3px;
  border-radius: 4px;
  color: var(--text_white);
  background-color: var(--brand_blue);
}
.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-572457cb]:hover {
  background-color: var(--Lb4);
  cursor: pointer;
}
.reply-box.disabled .box-normal .reply-box-send .send-text[data-v-572457cb] {
  color: var(--text3);
}
.reply-box.disabled .box-normal .reply-box-send[data-v-572457cb]::after {
  opacity: 1;
  background-color: var(--bg3);
}
.reply-box.fixed-box[data-v-572457cb] {
  position: relative;
  z-index: 2;
  padding: 15px 0;
  border-top: 0.5px solid var(--graph_bg_thick);
  background-color: var(--bg1);
}
.reply-box.fixed-box .box-normal[data-v-572457cb] {
  height: 40px;
}
.reply-box.fixed-box .box-normal .reply-box-avatar[data-v-572457cb] {
  height: 40px;
}
.reply-box.fixed-box .box-normal .reply-box-warp .reply-box-textarea[data-v-572457cb] {
  line-height: 28px;
}
.reply-box.fixed-box.box-active .box-normal[data-v-572457cb] {
  height: 65px;
}
